<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_RGOdW0',
'ZY_LianXiWoMen_1',
'ZY_JiaTuoXinCaiWeiNin_2',
'img_S9QsB3',
'ZY_4_4',
'ZY_LianXiDianHua_5',
'img_Z0Fy16',
'leojt_7',
'ZY_LianXiYouXiang_8',
'img_zwPMW9',
'ZY_ZhangShaShiJingJiJi_10',
'ZY_LianXiDiZhi_11',
'img_ZO3bY12'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>湖南佳拓新材料有限公司官网${网页标题}</title> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/jkxc/mobile/./css/common.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/jkxc/mobile/css/animate.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/jkxc/mobile/./css/swiper-bundle.min.css"> 
  <style>.container img{ width: 100%; display: block; position: relative; } .container .contact-img{ z-index: -1; } .contact-warp{ margin: -20px 15px; background: #FFFFFF; box-shadow: 0 5px 20px rgba(212, 216, 222, 0.3); z-index: 9; margin-bottom: 25px; } .contact-warp .item{ border-bottom: 1px solid #0F62C8; padding: 25px 15px; } .contact-warp .item:last-child{ border: 0; } .contact-warp .item img{ width: 25px; } .contact-warp .item p{ font-size: 16px; font-weight: bold; color: #0F62C8; margin: 10px 0; } .contact-warp .item span{ font-size: 11px; } .container .contact-header{ position: absolute; top: 20%; left: 7%; background: transparent; } .container .contact-header p{ font-size: 18px; font-weight: bold; color: #0F62C8; }</style> 
  <meta name="keywords" content="湖南佳拓新材料有限公司">
  <meta name="description" content="湖南佳拓新材料有限公司">
 </head> 
 <body>
  <jsp:include page="_topNoBanner.jsp"></jsp:include>
  <div class="container">
   <img class="contact-img zy" src="${img_RGOdW0.adImg}" data-type="ad" data-id="${img_RGOdW0.adId}"> 
   <div class="contact-header animated wow fadeInLeftSmall" data-wow-delay="0s"> 
    <p class="zy" data-type="ad" data-id="${ZY_LianXiWoMen_1.adId}">${ZY_LianXiWoMen_1.adTitle}</p> 
    <p class="mt-10 zy" data-type="ad" data-id="${ZY_JiaTuoXinCaiWeiNin_2.adId}">${ZY_JiaTuoXinCaiWeiNin_2.adTitle}</p> 
   </div> 
   <div class="contact-warp animated wow fadeInRightSmall" data-wow-delay="0.2s"> 
    <div class="item animated wow fadeInUpA" data-wow-delay="0.4s"> 
     <img src="${img_S9QsB3.adImg}" class="zy" data-type="ad" data-id="${img_S9QsB3.adId}"> 
     <p class="zy" data-type="ad" data-id="${ZY_4_4.adId}">${ZY_4_4.adTitle}</p> 
     <span class="zy" data-type="ad" data-id="${ZY_LianXiDianHua_5.adId}">${ZY_LianXiDianHua_5.adTitle}</span> 
    </div> 
	<div class="item animated wow fadeInUpA" data-wow-delay="0.4s">
	 <img src="${img_S9QsB3.adImg}" class="zy" data-type="ad" data-id="${img_S9QsB3.adId}"> 
	 <p class="zy" data-type="ad" data-id="${ZY_4_4.adId}">0731-82566282</p> 
	 <span class="zy" data-type="ad" data-id="${ZY_LianXiDianHua_5.adId}">固定电话</span> 
	</div> 
    <div class="item animated wow fadeInUpA" data-wow-delay="0.6s"> 
     <img src="${img_Z0Fy16.adImg}" class="zy" data-type="ad" data-id="${img_Z0Fy16.adId}"> 
     <p class="zy" data-type="ad" data-id="${leojt_7.adId}">${leojt_7.adTitle}</p> 
     <span class="zy" data-type="ad" data-id="${ZY_LianXiYouXiang_8.adId}">${ZY_LianXiYouXiang_8.adTitle}</span> 
    </div> 
    <div class="item animated wow fadeInUpA" data-wow-delay="0.8s"> 
     <img src="${img_zwPMW9.adImg}" class="zy" data-type="ad" data-id="${img_zwPMW9.adId}"> 
     <p class="zy" data-type="ad" data-id="${ZY_ZhangShaShiJingJiJi_10.adId}">${ZY_ZhangShaShiJingJiJi_10.adTitle}</p> 
     <span class="zy" data-type="ad" data-id="${ZY_LianXiDiZhi_11.adId}">${ZY_LianXiDiZhi_11.adTitle}</span> 
    </div> 
   </div> 
   <img src="${img_ZO3bY12.adImg}" class="zy" data-type="ad" data-id="${img_ZO3bY12.adId}"> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="https://hwfile.csxuncong.com/jkxc/mobile/./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script> 
  <script src="https://hwfile.csxuncong.com/jkxc/mobile/./js/wow.min.js"></script> 
  <script>
			
			function showPopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "popup 1s"
				popBg.style.display = "block";
				popBox.style.display = "block";	
			};
			/*点击关闭按钮*/
			function closePopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.transition = '1s'
				popBg.style.display = "none";
				popBox.style.display = "none";						
			}
			
			var wow = new WOW({
			    boxClass: 'wow',
			    animateClass: 'animated',
			    offset: 0,
			    mobile: true,
			    live: true
			});
			wow.init();
		</script>   
 </body>
</html>